﻿<!DOCTYPE html>
<html>
  <head>
    <title>交互-打卡</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/交互-打卡/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/交互-打卡/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u0" class="ax_default _图片">
        <img id="u0_img" class="img " src="images/交互-打卡/u0.jpg"/>
        <!-- Unnamed () -->
        <div id="u1" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2" class="ax_default _图片">
        <img id="u2_img" class="img " src="images/交互-打卡/u2.jpg"/>
        <!-- Unnamed () -->
        <div id="u3" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u4" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u5" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="158" CompoundMode="true">
          <img id="u5_img" class="singleImg img " src="images/交互-打卡/u5.png"/>
          <div id="u5p000" class="ax_vector_shape" WidgetTopLeftX="-0.49375" WidgetTopLeftY="-0.5" WidgetTopRightX="0.49375" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.49375" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.49375" WidgetBottomRightY="0.5">
            <img id="u5p000_img" class="img " src="images/交互-打卡/u5p000.png"/>
          </div>
          <div id="u5p001" class="ax_vector_shape" WidgetTopLeftX="-7.7" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-7.7" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u5p001_img" class="img " src="images/交互-打卡/u5p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u6" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u7" class="ax_default _形状">
          <div id="u7_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u8" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u9" class="ax_default _文本段落" data-label="Header 2">
        <div id="u9_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10" class="text" style="visibility: visible;">
          <p><span>操作：点击“开始打卡”，进入相册。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u11" class="ax_default _图片">
        <img id="u11_img" class="img " src="images/交互-打卡/u11.jpg"/>
        <!-- Unnamed () -->
        <div id="u12" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u13" class="ax_default _图片">
        <img id="u13_img" class="img " src="images/交互-打卡/u13.jpg"/>
        <!-- Unnamed () -->
        <div id="u14" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u15" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u16" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="175" CompoundMode="true">
          <img id="u16_img" class="singleImg img " src="images/交互-打卡/u16.png"/>
          <div id="u16p000" class="ax_vector_shape" WidgetTopLeftX="-0.494350282485876" WidgetTopLeftY="-0.5" WidgetTopRightX="0.494350282485876" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.494350282485876" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.494350282485876" WidgetBottomRightY="0.5">
            <img id="u16p000_img" class="img " src="images/交互-打卡/u16p000.png"/>
          </div>
          <div id="u16p001" class="ax_vector_shape" WidgetTopLeftX="-8.55" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-8.55" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u16p001_img" class="img " src="images/交互-打卡/u16p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u17" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u18" class="ax_default _形状">
          <div id="u18_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u19" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u20" class="ax_default _文本段落" data-label="Header 2">
        <div id="u20_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u21" class="text" style="visibility: visible;">
          <p><span>操作：点击相册中的全部照片进行选择（仅上传一张）。</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u22" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u23" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="135" CompoundMode="true">
          <img id="u23_img" class="singleImg img " src="images/交互-打卡/u23.png"/>
          <div id="u23p000" class="ax_vector_shape" WidgetTopLeftX="-0.492700729927007" WidgetTopLeftY="-0.5" WidgetTopRightX="0.492700729927007" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.492700729927007" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.492700729927007" WidgetBottomRightY="0.5">
            <img id="u23p000_img" class="img " src="images/交互-打卡/u23p000.png"/>
          </div>
          <div id="u23p001" class="ax_vector_shape" WidgetTopLeftX="-6.55" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-6.55" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u23p001_img" class="img " src="images/交互-打卡/u16p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u24" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u25" class="ax_default _形状">
          <div id="u25_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u26" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u27" class="ax_default _文本段落" data-label="Header 2">
        <div id="u27_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u28" class="text" style="visibility: visible;">
          <p><span>操作：点击相册中的全部照片进行选择（最多可同时上传八张）。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u29" class="ax_default _图片">
        <img id="u29_img" class="img " src="images/交互-打卡/u29.jpg"/>
        <!-- Unnamed () -->
        <div id="u30" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u31" class="ax_default _图片">
        <img id="u31_img" class="img " src="images/交互-打卡/u31.jpg"/>
        <!-- Unnamed () -->
        <div id="u32" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u33" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u34" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="158" CompoundMode="true">
          <img id="u34_img" class="singleImg img " src="images/交互-打卡/u5.png"/>
          <div id="u34p000" class="ax_vector_shape" WidgetTopLeftX="-0.49375" WidgetTopLeftY="-0.5" WidgetTopRightX="0.49375" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.49375" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.49375" WidgetBottomRightY="0.5">
            <img id="u34p000_img" class="img " src="images/交互-打卡/u34p000.png"/>
          </div>
          <div id="u34p001" class="ax_vector_shape" WidgetTopLeftX="-7.7" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-7.7" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u34p001_img" class="img " src="images/交互-打卡/u34p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u35" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u36" class="ax_default _形状">
          <div id="u36_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u37" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u38" class="ax_default _文本段落" data-label="Header 2">
        <div id="u38_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u39" class="text" style="visibility: visible;">
          <p><span>操作：选择一张照片后单击，进入照片最终选择。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u40" class="ax_default _图片">
        <img id="u40_img" class="img " src="images/交互-打卡/u40.jpg"/>
        <!-- Unnamed () -->
        <div id="u41" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u42" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u43" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="120" CompoundMode="true">
          <img id="u43_img" class="singleImg img " src="images/交互-打卡/u43.png"/>
          <div id="u43p000" class="ax_vector_shape" WidgetTopLeftX="-0.491803278688525" WidgetTopLeftY="-0.5" WidgetTopRightX="0.491803278688525" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.491803278688525" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.491803278688525" WidgetBottomRightY="0.5">
            <img id="u43p000_img" class="img " src="images/交互-打卡/u43p000.png"/>
          </div>
          <div id="u43p001" class="ax_vector_shape" WidgetTopLeftX="-5.8" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-5.8" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u43p001_img" class="img " src="images/交互-打卡/u43p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u44" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u45" class="ax_default _形状">
          <div id="u45_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u46" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u47" class="ax_default _文本段落" data-label="Header 2">
        <div id="u47_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u48" class="text" style="visibility: visible;">
          <p><span>操作：选择照片后点击完成，进入地点选择。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u49" class="ax_default _图片">
        <img id="u49_img" class="img " src="images/交互-打卡/u49.jpg"/>
        <!-- Unnamed () -->
        <div id="u50" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u51" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u52" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="97" CompoundMode="true">
          <img id="u52_img" class="singleImg img " src="images/交互-打卡/u52.png"/>
          <div id="u52p000" class="ax_vector_shape" WidgetTopLeftX="-0.48989898989899" WidgetTopLeftY="-0.5" WidgetTopRightX="0.48989898989899" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.48989898989899" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.48989898989899" WidgetBottomRightY="0.5">
            <img id="u52p000_img" class="img " src="images/交互-打卡/u52p000.png"/>
          </div>
          <div id="u52p001" class="ax_vector_shape" WidgetTopLeftX="-4.65" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-4.65" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u52p001_img" class="img " src="images/交互-打卡/u34p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u53" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u54" class="ax_default _形状">
          <div id="u54_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u55" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u56" class="ax_default box_1">
        <div id="u56_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u57" class="text" style="visibility: visible;">
          <p><span>马赛克</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u58" class="ax_default _文本段落" data-label="Header 2">
        <div id="u58_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u59" class="text" style="visibility: visible;">
          <p><span>操作：点击发布，即可完成打卡。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u60" class="ax_default box_1">
        <div id="u60_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u61" class="text" style="visibility: visible;">
          <p><span style="font-family:'PingFangTC-Semibold', 'PingFang TC Semibold', 'PingFang TC';font-weight:650;">交互路径分析</span><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;">-</span><span style="font-family:'PingFangTC-Semibold', 'PingFang TC Semibold', 'PingFang TC';font-weight:650;">打卡功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u62" class="ax_default box_1">
        <div id="u62_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u63" class="text" style="visibility: visible;">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u64" class="ax_default box_1">
        <div id="u64_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u65" class="text" style="visibility: visible;">
          <p><span>相册 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u66" class="ax_default box_1">
        <div id="u66_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u67" class="text" style="visibility: visible;">
          <p><span>全部照片</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u68" class="ax_default box_1">
        <div id="u68_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u69" class="text" style="visibility: visible;">
          <p><span>多张照片</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u70" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u71" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="307" CompoundMode="true">
          <img id="u71_img" class="singleImg img " src="images/交互-打卡/u71.png"/>
          <div id="u71p000" class="ax_vector_shape" WidgetTopLeftX="-0.496763754045307" WidgetTopLeftY="-0.5" WidgetTopRightX="0.496763754045307" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.496763754045307" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.496763754045307" WidgetBottomRightY="0.5">
            <img id="u71p000_img" class="img " src="images/交互-打卡/u71p000.png"/>
          </div>
          <div id="u71p001" class="ax_vector_shape" WidgetTopLeftX="0.05" WidgetTopLeftY="-15.15" WidgetTopRightX="0.05" WidgetTopRightY="0.2" WidgetBottomLeftX="0" WidgetBottomLeftY="-15.15" WidgetBottomRightX="0" WidgetBottomRightY="0.2">
            <img id="u71p001_img" class="img " src="images/交互-打卡/u71p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u72" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u73" class="ax_default _形状">
          <div id="u73_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u74" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u75" class="ax_default box_1">
        <div id="u75_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u76" class="text" style="visibility: visible;">
          <p><span>上传照片</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u77" class="ax_default box_1">
        <div id="u77_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u78" class="text" style="visibility: visible;">
          <p><span>选择照片</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u79" class="ax_default box_1">
        <div id="u79_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u80" class="text" style="visibility: visible;">
          <p><span>编辑内容</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u81" class="ax_default box_1">
        <div id="u81_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u82" class="text" style="visibility: visible;">
          <p><span>发布成功</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
